<!-- script 脚本标签， 脚本  脚本语言， JavaScript  Java -->
 <!-- python  java  c  linux   C语言 C语言之父 美国人 谭浩强 C  -->
 <script  setup>

</script>

<!-- template html -->
<template>
  <!-- <form action="">
    <label for="">用户名</label>
    <input type="text" name="" id="uname">
    <br>
    <label for="">密码</label>
    <input type="password" name="" id="pword">
    <br>
    <input type="reset" value="重置">
    <input type="submit" value="提交">
  </form> -->
<!----------------------------------------->
<!----------------------------------------->
<!-- <div class="button-row">
  <el-button>Default</el-button>
  <el-button type="primary">Primary</el-button>
  <el-button type="success">Success</el-button>
  <el-button type="info">Info</el-button>
  <el-button type="warning">Warning</el-button>
  <el-button type="danger">Danger</el-button>
</div> -->

<el-card style="max-width: 480px">
    <template #header>登陆系统</template>
    <el-form
    style="max-width: 600px"
    status-icon
    label-width="auto"
    class="demo-ruleForm"
  >
    <el-form-item label="用户名" prop="pass">
      <el-input type="text" autocomplete="off" />
    </el-form-item>

    <el-form-item label="密码" prop="checkPass">
      <el-input
        type="password"
        autocomplete="off"
      />

    </el-form-item>
    <el-form-item>
      <el-button type="primary" >
        提交
      </el-button>
      <el-button >重置</el-button>
    </el-form-item>
    <el-form-item>
      <el-radio-group v-model="radio1">
      <el-radio value="1" size="large">Option 1</el-radio>
      <el-radio value="2" size="large">Option 2</el-radio>
    </el-radio-group>

    </el-form-item>
    <el-form-item>
      
    <el-checkbox v-model="checked1" label="Option 1" size="large" />
    <el-checkbox v-model="checked2" label="Option 2" size="large" />
 
    </el-form-item>
  </el-form>
  </el-card>


</template>

<!-- 样式 css scss stylue -->
<style scoped>
/* label {
  background-color: red;
} */

</style>